/**
 * Created by MADinow on 26.10.2014.
 */

/* -----------------------------------------------------------
            MENU UI MODULE
 ----------------------------------------------------------- */

define(['settings/variables', 'ui/madGenerator', 'jquery', 'jquery_ui'],
    function (Variables, Genny) {

        /**
         * initializes the menu
         * @param targetDom
         * @private
         */
        function _initMenu(targetDom){
            var menubar = Genny.createDiv(targetDom, 'menubar', 'container-absolute menubar', true);
            var menubuttonContainer = Genny.createDiv(menubar, '', 'container-absolute menubutton-container', true);

            // button -> Home
            var menubuttonHome = Genny.createDiv(menubuttonContainer, 'Home', 'menubutton', true);
            var labelHome = Genny.createLabel(menubuttonHome, '', '', '', 'Home', true);
            var buttonBorderHome = Genny.createDiv(menubuttonHome, '', 'menubutton-border', true);

            // button -> Profile
            var menubuttonProfile = Genny.createDiv(menubuttonContainer, 'Profile', 'menubutton', true);
            var labelProfile = Genny.createLabel(menubuttonProfile, '', '', '', 'Profile', true);
            var buttonBorderProfile = Genny.createDiv(menubuttonProfile, '', 'menubutton-border', true);

            // button -> Settings
            var menubuttonSettings = Genny.createDiv(menubuttonContainer, 'Settings', 'menubutton', true);
            var labelSettings = Genny.createLabel(menubuttonSettings, '', '', '', 'Settings', true);
            var buttonBorderSettings = Genny.createDiv(menubuttonSettings, '', 'menubutton-border', true);

            menubar.show();
        }

        /**
         * public interface
         */
        return {

            /* functions */
            initMenu: _initMenu
        }

    }
);